<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
    <!-- Place favicon.ico in the root directory -->
    <link rel="stylesheet" href="webcont/css/normalize.css">
    <link rel="stylesheet" href="webcont/css/main.css">
    <link rel="stylesheet" href="webcont/css/common.css">
    <link rel="stylesheet" href="webcont/css/index.css">
    <link href="Script/swiper/swiper-bundle.css" rel="stylesheet" />
    <link href="Script/swiper/animate.css" rel="stylesheet" />
</head>

<body>
    <div class="g-doc">
        <!-- Add your site or application content here -->
        <p>Hello world! This is HTML5 Boilerplate.</p>
        <div class="g-banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div style="background: url(/webcont/image/banner/1.jpg) no-repeat center center;" class="swiper-slide">Slide 1</div>
                    <div style="background: url(/webcont/image/banner/2.jpg) no-repeat center center;" class="swiper-slide">Slide 2</div>
                    <div style="background: url(/webcont/image/banner/3.jpg) no-repeat center center;" class="swiper-slide">Slide 3</div>
                    <div style="background: url(/webcont/image/banner/4.jpg) no-repeat center center;" class="swiper-slide">Slide 4</div>
                    <div style="background: url(/webcont/image/banner/5.jpg) no-repeat center center;" class="swiper-slide">Slide 5</div>
                    <div style="background: url(/webcont/image/banner/6.jpg) no-repeat center center;" class="swiper-slide">Slide 6</div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="g-mn">
            Favorites
        </div>
        <div class="g-sd">
        </div>
    </div>
</body>
<script src="Script/web/plugins.js"></script>
<script src="Script/jQuery/1/jquery-1.12.4.min.js"></script>
<script src="Script/swiper/swiper-bundle.min.js"></script>
<script src="Script/web/home.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
    loop: true,
    speed: 1500,
    autoplay: {
        delay: 3000
    },
    pagination: {
        el: '.swiper-pagination',
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});

</script>

</html>
